/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See full license in root of repo. */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

body {
    position: relative;
    font-size: 16px;
}

main {
    height: 100%;
    overflow-y: auto;
}

footer {
    width: 100%;
    position: relative;
    bottom: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul {
    padding: 0;
}

.clearfix {
    display: block;
    clear: both;
    height: 0;
}

.pointerCursor {
    cursor: pointer;
}

.invisible {
    visibility: hidden;
}

.undisplayed {
    display: none;
}

.ms-Icon.enlarge {
    position: relative;
    font-size: 20px;
    top: 4px;
}

.ms-firstrun-pages {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
}

.ms-firstrun-pages__header {
    padding: 20px;
    min-height: 160px;
    max-height: 250px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .ms-firstrun-pages__header h1 {
        letter-spacing: 5px;
    }

    .ms-firstrun-pages__header p {
        margin-top: 25px;
    }

.ms-firstrun-pages__header--skip {
    text-align: right;
}

.ms-firstrun-pages__welcome {
    width: 100%;
    height: 100%;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .ms-firstrun-pages__welcome img {
        height: 100px;
    }

.ms-firstrun-pages__pager {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px;
}

.ms-firstrun-pages__pager--pagercontrol {
    width: 100%;
    height: 100%;
    max-height: auto;
    max-width: 310px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .ms-firstrun-pages__pager--pagercontrol img {
        width: 100%;
        height: 100%;
        max-height: auto;
        max-width: 300px;
    }

.ms-firstrun-pages__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.ms-firstrun-pages__content--centered {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.ms-firstrun-pages__footer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    padding: 20px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.ms-firstrun-pages__footer--centered {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.ms-firstrun-pages__footer i {
    margin-right: 3px;
}

.change-stage {
    cursor: pointer;
}
